<div class="col-2">
    <div class="col-margin-80">
        <ul class="ul-margin">
            <li class="icones-margin">
                <div class="icones-bloco">
                    <div class="icones-click" data-id="icones-sobre">
                        <div class="icones-img">
                            <noscript data-delayed>
                            <img class="img-scale" src="img/layout/icones/sobre.svg" title="SOBRE A FEIRA" alt="SOBRE A FEIRA" />
                            </noscript>
                        </div>
                        <div class="icones-legenda">
                            <h3>SOBRE A FEIRA</h3>
                        </div>
                    </div>
                </div>
                <div class="icones-texto" id="icones-sobre">
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a eleifend turpis, at porttitor ligula. Donec malesuada lectus ut sapien mattis, eget congue lorem imperdiet. Pellentesque sollicitudin ante in molestie tempus. Etiam at metus ac diam vulputate porta. Fusce id blandit lorem, ut elementum ipsum. Vivamus sodales tempus quam in ultrices. Duis condimentum leo eu orci euismod dapibus. Etiam nisl orci, lobortis eget tempor at, placerat varius lectus. Sed volutpat lobortis egestas. Praesent imperdiet elit massa, sit amet hendrerit nisl congue eu. Duis congue tortor nec sapien vulputate, non facilisis ante tincidunt. Nam consequat augue erat, eu semper sem vestibulum in. Pellentesque lobortis facilisis congue. Quisque placerat odio a erat viverra, vitae porttitor elit suscipit. 
                    </p>
                </div>
            </li>
            <li>
                <div class="icones-separador">
                </div>
            </li>
            <li class="icones-margin">
                <div class="icones-bloco">
                    <div class="icones-click" data-id="icones-planta">
                        <div class="icones-img">
                            <noscript data-delayed>
                            <img class="img-scale" src="img/layout/icones/planta.svg" title="PLANTA BAIXA" alt="PLANTA BAIXA" />
                            </noscript>
                        </div>
                        <div class="icones-legenda">
                            <h3>PLANTA BAIXA</h3>
                        </div>
                    </div>
                </div>
                <div class="icones-texto" id="icones-planta">
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a eleifend turpis, at porttitor ligula. Donec malesuada lectus ut sapien mattis, eget congue lorem imperdiet. Pellentesque sollicitudin ante in molestie tempus. Etiam at metus ac diam vulputate porta. Fusce id blandit lorem, ut elementum ipsum. Vivamus sodales tempus quam in ultrices. Duis condimentum leo eu orci euismod dapibus. Etiam nisl orci, lobortis eget tempor at, placerat varius lectus. Sed volutpat lobortis egestas. Praesent imperdiet elit massa, sit amet hendrerit nisl congue eu. Duis congue tortor nec sapien vulputate, non facilisis ante tincidunt. Nam consequat augue erat, eu semper sem vestibulum in. Pellentesque lobortis facilisis congue. Quisque placerat odio a erat viverra, vitae porttitor elit suscipit. 
                    </p>
                </div>
            </li>
            <li>
                <div class="icones-separador">
                </div>
            </li>
            <li class="icones-margin">
                <div class="icones-bloco">
                    <div class="icones-click" data-id="icones-lista">
                        <div class="icones-img">
                            <noscript data-delayed>
                            <img class="img-scale" src="img/layout/icones/lista.svg" title="LISTA DE EXPOSITORES" alt="LISTA DE EXPOSITORES" />
                            </noscript>
                        </div>
                        <div class="icones-legenda">
                            <h3>LISTA DE EXPOSITORES</h3>
                        </div>
                    </div>
                </div>
                <div class="icones-texto" id="icones-lista">
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a eleifend turpis, at porttitor ligula. Donec malesuada lectus ut sapien mattis, eget congue lorem imperdiet. Pellentesque sollicitudin ante in molestie tempus. Etiam at metus ac diam vulputate porta. Fusce id blandit lorem, ut elementum ipsum. Vivamus sodales tempus quam in ultrices. Duis condimentum leo eu orci euismod dapibus. Etiam nisl orci, lobortis eget tempor at, placerat varius lectus. Sed volutpat lobortis egestas. Praesent imperdiet elit massa, sit amet hendrerit nisl congue eu. Duis congue tortor nec sapien vulputate, non facilisis ante tincidunt. Nam consequat augue erat, eu semper sem vestibulum in. Pellentesque lobortis facilisis congue. Quisque placerat odio a erat viverra, vitae porttitor elit suscipit. 
                    </p>
                </div>
            </li>
            <li>
                <div class="icones-separador">
                </div>
            </li>
            <li class="icones-margin">
                <div class="icones-bloco">
                    <div class="icones-click" data-id="icones-imprensa">
                        <div class="icones-img">
                            <noscript data-delayed>
                            <img class="img-scale" src="img/layout/icones/imprensa.svg" title="IMPRENSA" alt="IMPRENSA" />
                            </noscript>
                        </div>
                        <div class="icones-legenda">
                            <h3>IMPRENSA</h3>
                        </div>
                    </div>
                </div>
                <div class="icones-texto" id="icones-imprensa">
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a eleifend turpis, at porttitor ligula. Donec malesuada lectus ut sapien mattis, eget congue lorem imperdiet. Pellentesque sollicitudin ante in molestie tempus. Etiam at metus ac diam vulputate porta. Fusce id blandit lorem, ut elementum ipsum. Vivamus sodales tempus quam in ultrices. Duis condimentum leo eu orci euismod dapibus. Etiam nisl orci, lobortis eget tempor at, placerat varius lectus. Sed volutpat lobortis egestas. Praesent imperdiet elit massa, sit amet hendrerit nisl congue eu. Duis congue tortor nec sapien vulputate, non facilisis ante tincidunt. Nam consequat augue erat, eu semper sem vestibulum in. Pellentesque lobortis facilisis congue. Quisque placerat odio a erat viverra, vitae porttitor elit suscipit. 
                    </p>
                </div>
            </li>
        </ul>
    </div>
</div>
<div class="col-2">
    <div class="col-margin-80">
        <ul class="ul-margin">
            <li class="icones-margin">
                <div class="icones-bloco">
                    <div class="icones-click" data-id="icones-credenciamento">
                        <div class="icones-img">
                            <noscript data-delayed>
                            <img class="img-scale" src="img/layout/icones/credenciamento.svg" title="CREDENCIAMENTO" alt="CREDENCIAMENTO" />
                            </noscript>
                        </div>
                        <div class="icones-legenda">
                            <h3>CREDENCIAMENTO</h3>
                        </div>
                    </div>
                </div>
                <div class="icones-texto" id="icones-credenciamento">
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a eleifend turpis, at porttitor ligula. Donec malesuada lectus ut sapien mattis, eget congue lorem imperdiet. Pellentesque sollicitudin ante in molestie tempus. Etiam at metus ac diam vulputate porta. Fusce id blandit lorem, ut elementum ipsum. Vivamus sodales tempus quam in ultrices. Duis condimentum leo eu orci euismod dapibus. Etiam nisl orci, lobortis eget tempor at, placerat varius lectus. Sed volutpat lobortis egestas. Praesent imperdiet elit massa, sit amet hendrerit nisl congue eu. Duis congue tortor nec sapien vulputate, non facilisis ante tincidunt. Nam consequat augue erat, eu semper sem vestibulum in. Pellentesque lobortis facilisis congue. Quisque placerat odio a erat viverra, vitae porttitor elit suscipit. 
                    </p>
                </div>
            </li>
            <li>
                <div class="icones-separador">
                </div>
            </li>
            <li class="icones-margin">
                <div class="icones-bloco">
                    <div class="icones-click" data-id="icones-area-expositor">
                        <div class="icones-img">
                            <noscript data-delayed>
                            <img class="img-scale" src="img/layout/icones/area_expositor.svg" title="ÁREA DO EXPOSITOR" alt="ÁREA DO EXPOSITOR" />
                            </noscript>
                        </div>
                        <div class="icones-legenda">
                            <h3>ÁREA DO EXPOSITOR</h3>
                        </div>
                    </div>
                </div>
                <div class="icones-texto" id="icones-area-expositor">
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a eleifend turpis, at porttitor ligula. Donec malesuada lectus ut sapien mattis, eget congue lorem imperdiet. Pellentesque sollicitudin ante in molestie tempus. Etiam at metus ac diam vulputate porta. Fusce id blandit lorem, ut elementum ipsum. Vivamus sodales tempus quam in ultrices. Duis condimentum leo eu orci euismod dapibus. Etiam nisl orci, lobortis eget tempor at, placerat varius lectus. Sed volutpat lobortis egestas. Praesent imperdiet elit massa, sit amet hendrerit nisl congue eu. Duis congue tortor nec sapien vulputate, non facilisis ante tincidunt. Nam consequat augue erat, eu semper sem vestibulum in. Pellentesque lobortis facilisis congue. Quisque placerat odio a erat viverra, vitae porttitor elit suscipit. 
                    </p>
                </div>
            </li>
            <li>
                <div class="icones-separador">
                </div>
            </li>
            <li class="icones-margin">
                <div class="icones-bloco">
                    <div class="icones-click" data-id="icones-como-chegar">
                        <div class="icones-img">
                            <noscript data-delayed>
                            <img class="img-scale" src="img/layout/icones/como_chegar.svg" title="COMO CHEGAR" alt="COMO CHEGAR" />
                            </noscript>
                        </div>
                        <div class="icones-legenda">
                            <h3>COMO CHEGAR</h3>
                        </div>
                    </div>
                </div>
                <div class="icones-texto" id="icones-como-chegar">
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a eleifend turpis, at porttitor ligula. Donec malesuada lectus ut sapien mattis, eget congue lorem imperdiet. Pellentesque sollicitudin ante in molestie tempus. Etiam at metus ac diam vulputate porta. Fusce id blandit lorem, ut elementum ipsum. Vivamus sodales tempus quam in ultrices. Duis condimentum leo eu orci euismod dapibus. Etiam nisl orci, lobortis eget tempor at, placerat varius lectus. Sed volutpat lobortis egestas. Praesent imperdiet elit massa, sit amet hendrerit nisl congue eu. Duis congue tortor nec sapien vulputate, non facilisis ante tincidunt. Nam consequat augue erat, eu semper sem vestibulum in. Pellentesque lobortis facilisis congue. Quisque placerat odio a erat viverra, vitae porttitor elit suscipit. 
                    </p>
                </div>
            </li>
            <li>
                <div class="icones-separador">
                </div>
            </li>
            <li class="icones-margin">
                <div class="icones-bloco">
                    <div class="icones-click" data-id="icones-contato">
                        <div class="icones-img">
                            <noscript data-delayed>
                            <img class="img-scale" src="img/layout/icones/contato.svg" title="CONTATO" alt="CONTATO" />
                            </noscript>
                        </div>
                        <div class="icones-legenda">
                            <h3>CONTATO</h3>
                        </div>
                    </div>
                </div>
                <div class="icones-texto" id="icones-contato"> 
                    <div id="contato">
                        <?php include 'pagina_contato.php'; ?>
                    </div>
                </div>
            </li>

        </ul>
    </div>
</div>